<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

</head>
<body>
<div class="top">
    <div class="top-box">
    <div class="logo"><img src="images/index-logo.png"></div>
        <div class="top-right">
            <ul class="index-nav">
                <li><a>首页</a></li>
                <li><a>登录/注册</a></li>
                <li><a>工程中心</a></li>
                <li><a>在线商城</a></li>
                <li><a>需求提交</a></li>
                <li><a>iFind合作</a></li>
                <li><a>eTrans</a></li>
                <li><a>Matrix数据中心</a></li>
                <li><a>eBid</a></li>
            </ul>
            <ul class="user-info">
                <li><a>欢迎你 , 张三</a></li>
                <li><a>我的订单</a></li>
                <li><a>会员中心</a></li>
                <li><a>我的收藏</a></li>
                <li style="padding-right: 8px;"><a>客户服务</a></li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">

    var li_width=1890;
    var window_width=$(window).width();
    function leftlunbo(){
        var lunbo_left=$(".lunbo" ).css('left');
        if(parseInt(lunbo_left)<-5670){
            $('.lunbo' ).stop().animate({
                left: 0
            }, 1000);
            $('.lunbo' ).css('left','0px');
        }else{
            $('.lunbo' ).stop().animate({
                left: "-="+li_width
            }, 1000);
        }
    }
    function rightlunbo(){
        var lunbo_left=$(".lunbo" ).css('left');
        console.info(lunbo_left)
        if(parseInt(lunbo_left)>-1){
            $('.lunbo' ).stop().animate({
                left:-9450+1890
            }, 1000);
            $('.lunbo' ).css('left','0px');
        }else{
            $('.lunbo' ).stop().animate({
                left: "+="+li_width
            }, 1000);
        }
    }
    setInterval(leftlunbo, 3000 )
</script>
<div class="banner">
    <ul class="lunbo">
        <li class="no0"></li>
        <li class="no1"></li>
        <li class="no2"></li>
        <li class="no3"></li>
        <li class="no4"></li>
    </ul>
    <div class="banner-box">
        <div class="btn left" onclick="leftlunbo()"><img src="images/index/banner/left.png"></div>
        <div class="btn right" onclick="rightlunbo()"><img src="images/index/banner/right.png"></div>
    </div>
<!--<img src="images/index/banner/0.jpg">-->
</div>
<div class="content">
    <div class="floor">
        <div class="wenzi">
            <div class="first">产品与解决方案，顶尖的服务</div>
            <div class="second">浏览我们的产品与解决方案，并了解我们能为你做些什么</div>
        </div>
    </div>
    <div class="floor-img-box">
        <div class="img-box">
            <img src="images/index/service/0.jpg">
            <p class="title">云产品(云起)</p>
            <p class="second-title">帮助中小企业快速开启电子商务</p>
            <ul>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
            </ul>
        </div>
        <div class="img-box">
            <img src="images/index/service/0.jpg">
            <p class="title">云产品(云起)</p>
            <p class="second-title">帮助中小企业快速开启电子商务</p>
            <ul>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
            </ul>
        </div>
        <div class="img-box">
            <img src="images/index/service/0.jpg">
            <p class="title">云产品(云起)</p>
            <p class="second-title">帮助中小企业快速开启电子商务</p>
            <ul>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
            </ul>
        </div>
        <div class="img-box">
            <img src="images/index/service/0.jpg">
            <p class="title">云产品(云起)</p>
            <p class="second-title">帮助中小企业快速开启电子商务</p>
            <ul>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
                <li><a>全民分销</a></li>
            </ul>
        </div>
    </div>
    <div class="floor">
        <div class="wenzi">
            <div class="first">客户屷的成功故事</div>
            <div class="second">13年沉淀、23个行业、8种状态160万企业使用过</div>
        </div>
    </div>
    <div class="floor-img-box">
        <div class="small-img-box">
            <img class="img" src="images/index/kehu/0.jpg">
            <p class="title">云产品(云起)</p>
            <p class="second-title">帮助中小企业快速开启电子商务</p>
        </div>
        <div class="small-img-box">
            <img class="img" src="images/index/kehu/0.jpg">
            <p class="title">云产品(云起)</p>
            <p class="second-title">帮助中小企业快速开启电子商务</p>

        </div>
        <div class="small-img-box">
            <img class="img" src="images/index/kehu/0.jpg">
            <p class="title">云产品(云起)</p>
            <p class="second-title">帮助中小企业快速开启电子商务</p>

        </div>
        <div class="small-img-box">
            <img class="img" src="images/index/kehu/0.jpg">
            <p class="title">云产品(云起)</p>
            <p class="second-title">帮助中小企业快速开启电子商务</p>

        </div>
        <div class="small-img-box">
            <img class="img" src="images/index/kehu/0.jpg">
            <p class="title">云产品(云起)</p>
            <p class="second-title">帮助中小企业快速开启电子商务</p>

        </div>
    </div>
    <div class="floor">
        <div class="zixun-box">
            <div class="title">
                <span class="left">电商资讯</span>
                <span class="right">MORE>></span>
            </div>
            <img src="images/index/zixun/0.jpg" />
            <p>帮助中小企业快速开启电子商</p>
            <ul>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
            </ul>
        </div>
        <div class="zixun-box">
            <div class="title">
                <span class="left">电商资讯</span>
                <span class="right">MORE>></span>
            </div>
            <img src="images/index/zixun/0.jpg" />
            <p>帮助中小企业快速开启电子商</p>
            <ul>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
            </ul>
        </div>
        <div class="zixun-box">
            <div class="title">
                <span class="left">电商资讯</span>
                <span class="right">MORE>></span>
            </div>
            <img src="images/index/zixun/0.jpg" />
            <p>帮助中小企业快速开启电子商</p>
            <ul>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
                <li>•<a>帮助中小企业快速开启电子商</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="foot">
    <div class="content">

        <p>了解我们如果帮助您实现目标？</p>
        <dl>
            <dt><a>联系我们</a></dt>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
        </dl>
        <dl>
            <dt><a>联系我们</a></dt>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
        </dl>
        <dl>
            <dt><a>联系我们</a></dt>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
        </dl>
        <dl>
            <dt><a>联系我们</a></dt>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
            <dd><a>联系销售代表</a></dd>
        </dl>
        <dl>
            <dt style="border: none;"><img src="images/index/erweima.jpg"></dt>
            <dd class="saoma">微信扫一扫
                免费赠送开通云生产</dd>
        </dl>
        <p class="bottom">
            软件企业编号：沪R-2008-0257 | 高新技术企业编号：GR200831001668 增值电信业务经营许可证：沪B2-20080057 | 沪ICP备：05002918号
        </p>
    </div>
</div>
</body>
</html>